<body class="hold-transition skin-blue layout-top-nav">
<!-- Site wrapper -->
<div class="wrapper">

	<header class="main-header">
		<nav class="navbar navbar-static-top">
			<div class="container">
				<div class="navbar-header">
					<a href="{:Url('/')}" class="navbar-brand"><b>小白博客</b></a>
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
						<i class="fa fa-bars"></i>
					</button>
				</div>
				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse pull-left" id="navbar-collapse">
					<ul class="nav navbar-nav">
						<li {if (empty($colid))}class="active"{/if}><a href="{:Url('/')}">首页</a></li>
						{volist name="column_list" id="vo"}
						<li {if (!empty($colid) and $colid eq $vo['id'])}class="active"{/if}><a href="{:Url('/column/'.$vo['id'])}">{$vo.name}</a></li>
						{/volist}
					</ul>
				</div>
                <div class="collapse navbar-collapse fr">
                    <ul class="nav navbar-nav">
                        {if condition="!empty($userInfo)"}
                        <li class="top_user_info">
                            <span><img src="{$userInfo.avatar_url}" alt="{$userInfo.nick_name}" title="{$userInfo.nick_name}" /></span>
                            <span class="white">{$userInfo.nick_name}</span>
                            <span class="top_logout"><a href="{:Url('/auth/logout')}">退出</a></span>
                        </li>
                        {else /}
						<li><a href="javascript:;" data-toggle="modal" data-target="#loginModal">登录</a></li>
                        {/if}
					</ul>
                </div>
			</div>
		</nav>
	</header>
    <!-- 模态框（Modal） -->
<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h3 class="modal-title text-cen" id="myModalLabel">请选择第三方账户登录</h3>
			</div>
			<div class="modal-body text-cen login-modal-body">
				<a href="{:Url('/login/auth/qq')}"><i class="fa fa-qq"></i></a> &emsp;&emsp;
                <a href="{:Url('/login/auth/weibo')}"><i class="fa fa-weibo"></i></a>
			</div>
		</div>
	</div>
</div>